<?php 
/* 
Proyecto: Sistema Victoria 2.0
Programador: Felipe Guerra
Año: 2015
Flores de tumbabiro ©
*/
require_once('../core/libreria.php');
require_once('../db/connect.php'); 
require_once('../core/programaLibreria.php');

$id = $_GET['id'];
$cp = $_GET['cp'];
$np = $_GET['np'];



//┌────────────────────────────────┐Cargar los papas

mysql_select_db($database_victoria, $victoria );
$query_rsListar = "
SELECT
  PRO_CODIGO,
  PRO_UBICACION,
  PRO_TIPO,
  PRO_PADRE,
  PRO_NOMBRE_OPCION,
  PRO_LINK,
  PRO_ESTADO,
  PRO_IMAGEN,
  PRO_IFRAME,
  PRO_ORDEN
FROM programa
WHERE PRO_UBICACION = 'Horizontal'
";
$rsListar = mysql_query($query_rsListar, $victoria ) or die(mysql_error());
while($row = mysql_fetch_assoc($rsListar)){
	$papasVector[$row['PRO_CODIGO']]	= $row['PRO_NOMBRE_OPCION'];
}

//echo '<pre>';
//print_r($papasVector);
//echo '</pre>';
//└────────────────────────────────┘



//--------------------SELECT INICIO---------------------
mysql_select_db($database_victoria, $victoria );
$query_rsListar = "
SELECT
  p.PRO_CODIGO,
  p.PRO_UBICACION,
  p.PRO_TIPO,
  p.PRO_PADRE,
  p.PRO_NOMBRE_OPCION,
  p.PRO_LINK,
  p.PRO_ESTADO,
  p.PRO_IMAGEN,
  p.PRO_IFRAME,
  p.PRO_ORDEN,
  pa.PRO_NOMBRE_OPCION nombre_papa
FROM programa p,
programa pa
WHERE p.PRO_UBICACION = 'Vertical'
AND p.PRO_TIPO = 'Menu'
AND p.PRO_PADRE = pa.PRO_CODIGO
ORDER BY p.PRO_PADRE, p.PRO_ORDEN
";
//--------------------SELECT FIN------------------------

$rsListar = mysql_query($query_rsListar, $victoria ) or die(mysql_error());

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="../css/list.css" /><!--Importante, siempre debe ir antes del css del menu vertical-->
<link href="../css/dcverticalmegamenu.css" rel="stylesheet" type="text/css" /><!--	Menu vertical	-->
<script src="../js/jquery.js"></script>
<link rel="stylesheet" href="../css/jquery-ui.css" />
<script src="../js/jquery-ui.js"></script>

 <style>
  #sortable { list-style-type: none; margin: 0; padding: 0; width: 20%; }
  #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; }
  #sortable li span { position: absolute; margin-left: -1.3em; }
  </style>
  <script>
  $(function() {
    $( ".sortable" ).sortable();
    $( ".sortable" ).disableSelection();
  });
  </script>
  
<script>
$(document).ready(function(e) {

	$("#Editar").click(function(e) {
		
		var contar = 0;
		var str = $("#papas").val();
		var str = str.split("_");		
		
		$.each( str, function( key, value ) {
//			alert('papa: ' + value);
			
			var idsHijos = '';
			$("[papa='" + value + "']").each(function(index, element) {
				idsHijos += $(this).attr("id") + '_';
			});	
			idsHijos = idsHijos.substring(0, idsHijos.length-1);
			
			$.ajax({
				async:false,    
				type: 'POST',   
				url: "opcionesUpdate.php",
				data: "idsHijos="+idsHijos, 
				success:  function(data){  
//					if(value == 12){
//						alert(data);
//					}
				}
			});
								

		});

		window.parent.recargarPrograma('../core/menuVerticalOrden.php?np=<?php echo $np?>');


		
    });
	
});
</script>  
<script src="../js/tabla.js"></script>  
  
</head>
<body id="bodyIndex" style="margin-left:5%" >

<input class="btn btn-large" name="Editar" id="Editar" type="button" value="Editar" />

<a href="<?php echo $_GET['np']?>List.php?<?php echo 'cp='.$cp?>" class="btn btn-large" >
	Regresar
</a>

<table border="0" >
  <tr>


<?php 
$spam = '<span class="ui-icon ui-icon-arrowthick-2-n-s"></span>';
$bandera_actual = '';
$bandera_old = '';
$contMenu = 0;
$contar = 0;
$papas = '';
while($row = mysql_fetch_assoc($rsListar)){
$contMenu++;	
	
	$bandera_actual = $row['PRO_PADRE'];
	
	if( $bandera_actual != $bandera_old){
		
		$papas .= $bandera_actual.'_';
		$contar++;
		
		if( $contMenu != 1){

			echo '</ul>';
			echo '</div>';
			echo '</td>';//Fin de un td
			$contMenu = 1;//Encerar xq viene otro listado
		}
		
		echo '<td valign="top" >';//Inicia un nuevo td
		?>
            <div style="text-align:center; background-color:#CCCCCC; padding:5px; margin:5px;">
            <?php echo $papasVector[$row['PRO_PADRE']];?>
            </div>
        <?php 
		echo '<div style="float:left; margin:10px">';
		echo '<ul id="sortable" class="sortable"  style="width:150px">';
	}
	
	$colorTexto = '';
	if($row['PRO_ESTADO'] == 0){
		$colorTexto = 'style="background: url();"';
	}
	
?>

  <li <?php echo $colorTexto?> class="ui-state-default"><?php echo $spam?><strong class="item" papa="<?php echo $row['PRO_PADRE']?>" id="<?php echo $row['PRO_CODIGO']?>"  ><?php echo $contMenu.'.- '?></strong><?php echo $row['PRO_NOMBRE_OPCION']?></li>

<?php

	if( $bandera_actual != $bandera_old){

	}

	$bandera_old = $bandera_actual;
	


 }?>


  </tr>
</table>

<form action="" method="get" name="forma" id="forma" >  
<input name="papas" id="papas" type="hidden" value="<?php echo  substr($papas, 0, -1);?>" />
<br>
<input name="contar" id="contar" type="hidden" value="<?php echo  $contar;?>" />
</form>

<br><br><br>
</body>
</html>